<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>魅族官网 - 魅族 16Xs 手机,极边全面屏 三摄长续航</title>
    <!--swiper-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <!--抱死吹吧普-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!--字体图标-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <!--引入-->
    <link rel="stylesheet" href="css/index-style.css">
</head>
<body>

<div class="header" style="width: 100%">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light ">
            <a class="navbar-brand" href="#"><img src="images/shouye-t_03.png" alt="" ></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item" style="">
                        <a class="nav-link" style="" href="#">手机</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" style=";" href="#">声学</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">配件</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">生活</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">Flyme</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index-serve.html">服务</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">专卖店</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="index-community.html">社区</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#" id="oo">APP下载</a>
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0" style="position: relative">
                    <input class="form-control mr-sm-2" type="search" placeholder="魅族16Xs" aria-label="Search" style="outline:none;border-radius: 20px">
                    <button  class="btn yu my-2 my-sm-0" type="submit"><a href=""><img src="images/sousuo_03.gif" alt=""></a></button>
                </form>
                <a href="" class="col-md-1" id="rr"><img src="images/shouye-rentou_03.png" alt=""></a>

                <a href=""><img src="images/shouye-gouwuche_03.png" alt=""></a>
            </div>
        </nav>
        <div class="hh text-center" style="background: #ffffff;width: 100px;padding-top: 10px;padding-bottom: 5px">
            <a href="" style="font-size: 12px">
                <p>立即登录</p>
            </a>
            <a href="" style="font-size: 12px">
                <p>立即注册</p>
            </a>
            <a href="" style="font-size: 12px">
                <p>我的订单</p>
            </a>
            <a href="" style="font-size: 12px">
                <p>M码通道</p>
            </a>
        </div>
    </div>
    <div class="ee" id="ee">
        <div class="yy">
            <img src="images/tt-1.jpg" alt="" style="width: 100%;">
            <a href="" class="x1">Android 下载</a>
            <a href="" class="x2">Android 下载</a>
        </div>
        
    </div>
</div>
<div class="banner" style="width: 100%;">
    <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide l-1"></div>
            <div class="swiper-slide l-2"></div>
            <div class="swiper-slide l-3"></div>
            <div class="swiper-slide l-4"></div>
            <div class="swiper-slide l-5"></div>
            <div class="swiper-slide l-6"></div>
            <div class="swiper-slide l-7"></div>
            <div class="swiper-slide l-8"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
    </div>
</div>

<div class="banner1">
    <div class="container">
        <div class="row">
            <div class="col-md-3 text-center">
                <div class="item">
                    <a href=""><img src="images/banner-1-1_07.png" alt=""></a>
                    <h5 style="font-size: 19px;padding-top: 10px">魅族 16Xs</h5>
                    <a href=""><span>立即购买</span></a>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item">
                    <a href=""><img src="images/banner1-2_09.png" alt=""></a>
                    <h5 style="font-size: 19px;padding-top: 10px">魅族 16s</h5>
                    <a href=""><span>最高直降699元</span></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item">
                    <a href=""><img src="images/banner1-3_11.png" alt=""></a>
                    <h5 style="font-size: 19px;padding-top: 10px">魅族 Note9</h5>
                    <a href=""><span>最高直降299元</span></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item">
                    <a href=""><img src="images/banner1-4_13.png" alt=""></a>
                    <h5 style="font-size: 19px;padding-top: 10px">以旧换新</h5>
                    <a href=""><span>免费寄件 专业检测</span></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="banner2 text-center">
    <a href="" style="font-size: 28px;color:#515151;text-decoration: none;padding-top: 59px;padding-bottom: 19px;display: block">魅族手机</a>
    <a href="#" class="banner2-a1"><img src="images/meizushouji_19.png" alt="" style="width: 100%"></a>
</div>
<div class="banner3">
    <div class="container b1">
        <div class="row">
            <div class="col-md-6 text-center" style="width: 100%">
                <div class="item" style="padding-bottom: 30px">
                    <img src="images/banner3-yuan1_03.gif" alt="" style="position: absolute;left: 20px;top:30px;">
                    <h5 style="font-size: 27px;padding-top: 26px">魅族 16Xs</h5>
                    <p>4800w Al三摄|屏幕下指纹</p>
                    <p style="font-size: 16px;color:#cc0000;">￥ 1499</p>
                    <a href=""><img src="images/banner3-6-1_10.gif" alt="" style="width: 50%;"></a>
                </div>
            </div>
            <div class="col-md-6 text-center" style="width: 100%;">
                <div class="item" style="padding-bottom: 30px">
                    <img src="images/banner3-yuan2_05.gif" alt="" style="position: absolute;left: 20px;top:30px;">
                    <h5 style="font-size: 27px;padding-top: 36px">魅族 16s</h5>
                    <p>骁龙855 4800w光学防抖</p>
                    <p>
                        <span style="color:#cc0000;font-size: 16px">￥ 2699</span> <s style="">￥ 3198</s>
                    </p>
                    <a href=""><img src="images/banner3-6-2_10.gif" alt="" style="width: 50%;"></a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-1_03.gif" alt="" style="padding-top: 30px;"></a>
                    <span style="padding-top: 30px;display: block;">魅族 Note9</span>
                    <span style="display: block">晓龙675 后置4800万</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 1199</span> <s>￥ 1398</s>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-2_15.gif" alt="" style="padding-top: 30px;"></a>
                    <span style="padding-top: 30px;display: block;">魅族 16th</span>
                    <span style="display: block">晓龙845 屏幕下指纹</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 2298</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-3_15.gif" alt="" style="padding-top: 30px;"></a>
                    <span style="padding-top: 30px;display: block;">魅族 16th Plus</span>
                    <span style="display: block">晓龙845 屏幕下指纹</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 2698</span> <s>￥ 1398</s>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-4_16.gif" alt="" style="padding-top: 30px;"></a>
                    <span style="padding-top: 30px;display: block;">魅族 X8</span>
                    <span style="display: block">人脸指纹双解锁 期间双摄</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 1298</span>
                </div>

            </div>

            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-5_20.gif" alt="" style="padding-top: 30px;"></a>
                    <span style="padding-top: 30px;display: block;">魅族 16X</span>
                    <span style="display: block">骁龙710 屏幕下指纹 旗舰双摄</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 1598</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-6_22.gif" alt="" style="padding-top: 30px;"></a>
                    <span style="padding-top: 30px;display: block;">魅族 16s白夜童话限量礼盒</span>
                    <span style="display: block">以梦为马 乘风破浪</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 3598</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-7_22.gif" alt="" style="padding-top: 30px;"></a>
                    <span style="padding-top: 30px;display: block;">魅族 Note8</span>
                    <span style="display: block">全像素双核对焦 大电池长续航</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 999</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-8_22.gif" alt="" style="padding-top: 30px;"></a>
                    <span style="padding-top: 30px;display: block;">魅族 15</span>
                    <span style="display: block">骁龙660 2000万暗光双摄</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 1498</span>
                </div>

            </div>
        </div>
    </div>
    <div class="text-center t1" style="padding-top: 58px;padding-bottom: 19px">
        <a href="" style="font-size: 28px;color:#515151;text-decoration: none;">魅族声学</a>
        <a href=""><img src="images/meilishengxue_02.gif" alt="" style="width: 100%;"></a>
    </div>
    <div class="container b2">
        <div class="row">
            <div class="col-md-3 text-center">
                <div class="item tu">
                    <a href=""><img src="images/col-md-4-9_03.gif" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-10_03.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 EP52蓝牙耳机</h5>
                    <span style="display: block">轻盈悦耳 动无拘束</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 2298</span> <s>￥ 299</s>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-11_05.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 Flow Bass 三单元耳机</h5>
                    <span style="display: block">延续经典，重赋新声</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 379</span> <s>￥ 599</s>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-12_07.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 EP2X耳机</h5>
                    <span style="display: block">契合声音的流动之美</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 69</span> <s>￥ 129</s>
                </div>

            </div>

            <div class="col-md-3 text-center">
                <div class="item tu">
                    <a href=""><img src="images/col-md-4-13_03.gif" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-14_12.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 Flow 三单元耳机</h5>
                    <span style="display: block">用得惬意 听得尽兴</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 399</span> <s>￥ 599</s>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-15_14.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 HALO 激光蓝牙耳机</h5>
                    <span style="display: block">夜跑神器 随性张扬</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 499</span> <s>￥ 999</s>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-16_15.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 EP51蓝牙运动耳机</h5>
                    <span style="display: block">臻享音质 自在运动</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 129</span> <s>￥ 229</s>
                </div>

            </div>

            <div class="col-md-3 text-center">
                <div class="item tu">
                    <a href=""><img src="images/col-md-4-17_06.gif" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-14_12.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 EP52Lite蓝牙耳机</h5>
                    <span style="display: block">超高性价比创造无线新生代</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 129</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-15_14.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 LIVE四单元动铁耳机</h5>
                    <span style="display: block">Knowles四动铁 双通道导音系统</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 1099</span> <s>￥ 1200</s>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/col-md-4-16_15.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 Gravity悬浮音箱</h5>
                    <span style="display: block">魅族声学15年集大成之作</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 1099</span>
                </div>

            </div>
        </div>
    </div>
    <div class="text-center t2" style="padding-top: 58px;padding-bottom: 19px;">
        <a href="" style="font-size: 28px;color:#515151;text-decoration: none;">智能配件</a>
        <a href=""><img src="images/zhinengpeijian_02.gif" alt="" style="width: 100%;"></a>
    </div>
    <div class="container b3">
        <div class="row">
            <div class="col-md-3 text-center">
                <div class="item tu">
                    <a href=""><img src="images/pei-1_05.gif" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-2_08.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 16s壳膜套装</h5>
                    <span style="display: block">透明保护壳+高透保护膜</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 39</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-3_10.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 16th高透保护膜</h5>
                    <span style="display: block">高透光率 支持魅族16th屏幕指纹解锁</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 19</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-4_12.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 Note9壳膜套装</h5>
                    <span style="display: block">亲肤保护壳+高透保护膜</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 39</span>
                </div>
            </div>

            <div class="col-md-3 text-center">
                <div class="item tu">
                    <a href=""><img src="images/pei-5_18.gif" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-6_20.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 16th Plus亲肤保护壳</h5>
                    <span style="display: block">量体打造的纤薄 薄如无形</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 29</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-7_22.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 16X8亲肤保护壳</h5>
                    <span style="display: block">轻盈亲近 薄若无形</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 29</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-8_25.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 Type-C2.0数据线</h5>
                    <span style="display: block">5A大电流充电 高速传输</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 59</span>
                </div>
        </div>

            <div class="col-md-3 text-center">
                <div class="item tu">
                    <a href=""><img src="images/pei-9_31.gif" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-10_33.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 Micro USB 金属数据线</h5>
                    <span style="display: block">耐久 才好用</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 29</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-11_35.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 Micro USB数据线</h5>
                    <span style="display: block">广泛兼容 经久耐用</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 29</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/pei-12_37.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 Type-C数据线</h5>
                    <span style="display: block">支持2A快速充电 耐久又放心</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 39</span>
                </div>
            </div>
    </div>
</div>
    <div class="text-center t3" style="padding-top: 58px;padding-bottom: 19px">
        <a href="" style="font-size: 28px;color:#515151;text-decoration: none;">生活周边</a>
        <a href=""><img src="images/shenghuozhoubian_02.gif" alt="" style="width: 100%;"></a>
    </div>
    <div class="container b4">
        <div class="row">
            <div class="col-md-3 text-center">
                <div class="item tu">
                    <a href=""><img src="images/sheng-1_05.gif" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/sheng-2_08.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 星球探索 帆布袋</h5>
                    <span style="display: block">FOR THE LOVELY ONES</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 69</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/sheng-3_10.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族 星球探索 鼠标袋</h5>
                    <span style="display: block">FOR THE LOVELY ONES</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 69</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/sheng-4_12.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族路由器 极速版</h5>
                    <span style="display: block">天生不凡 快很稳</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 99</span> <s>￥ 199</s>
                </div>

            </div>

            <div class="col-md-3 text-center">
                <div class="item tu">
                    <a href=""><img src="images/sheng-5_18.gif" alt="" style="width: 100%"></a>
                </div>
            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/sheng-6_20.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族缤纷 Mini自拍杆</h5>
                    <span style="display: block">便携轻巧</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 49</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/sheng-7_25.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;font-size: 18px">Everyday 乐游系列 酷MA萌定制版</h5>
                    <span style="display: block">萌友为伴，为出行添点乐趣</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 599</span>
                </div>

            </div>
            <div class="col-md-3 text-center">
                <div class="item" style="padding-bottom: 34px">
                    <a href=""><img src="images/sheng-8_23.gif" alt="" style="padding-top: 30px;"></a>
                    <h5 style="padding-top: 30px;display: block;">魅族蓝牙自拍杆</h5>
                    <span style="display: block">还给你自由的双手</span>
                    <span style="font-size: 18px;color:#cc0000;">￥ 99</span>
                </div>

            </div>
        </div>
    </div>
    <div class="text-center t4" style="padding-top: 58px;">
        <a href="" style="font-size: 28px;color:#515151;text-decoration: none;">生活热帖</a>
    </div>
    <div class="container b5">
        <div class="row">
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/tei-1_03.gif" alt="" style="width: 100%;"></a>
                    <div class="it" style="padding-left: 15px;padding-right: 10px;padding-bottom: 30px;padding-top: 11px">
                        <a href=""><img src="images/tie-1-1_07.gif" alt=""></a>
                        <span style="font-size: 12px;padding-left: 16px">用户2240504</span>
                        <p style="font-size: 14px;padding-top: 22px;">魅族 Note9邀请函JK服妹子出镜，谁才是最美游戏姬？</p>
                        <p style="color:#999999;font-size: 12px">魅族 Note9</p>
                    </div>

                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/tie-2_05.gif" alt="" style="width: 100%;"></a>
                    <div class="it" style="padding-left: 15px;padding-right: 10px;padding-bottom: 32px;padding-top: 11px">
                        <a href=""><img src="images/tie-2-2_13.gif" alt=""></a>
                        <span style="font-size: 12px;padding-left: 16px">xrx3p</span>
                        <p style="font-size: 14px;padding-top: 23px;">摄影离不开适当的后期，好在如今你可以在魅族手机上轻松完成操作。</p>
                        <p style="color:#999999;font-size: 12px">摄影技巧</p>
                    </div>

                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/tie-3_07.gif" alt="" style="width: 100%;"></a>
                    <div class="it" style="padding-left: 15px;padding-right: 10px;padding-bottom: 10px;padding-top: 11px">
                        <a href=""><img src="images/tie-3-3_16.gif" alt=""></a>
                        <span style="font-size: 12px;padding-left: 16px">小墨灰</span>
                        <p style="font-size: 14px;padding-top: 21px;">工作和学习中的沟通总离不开邮件，而Flyme邮箱的出色体验为我们带来的不只是生产力。</p>
                        <p style="color:#999999;font-size: 12px">功能解析</p>
                    </div>

                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/tie-4_09.gif" alt="" style="width: 100%;"></a>
                    <div class="it" style="padding-left: 15px;padding-right: 10px;padding-bottom: 30px;padding-top: 11px">
                        <a href=""><img src="images/tie-4-4_22.gif" alt=""></a>
                        <span style="font-size: 12px;padding-left: 16px">Keicy520</span>
                        <p style="font-size: 14px;padding-top: 22px;">妙用Flyme分身，做生活和工作的[两面派]。</p>
                        <p style="color:#999999;font-size: 12px">功能解析</p>
                    </div>

                </div>
            </div>

            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/tie-5_31.gif" alt="" style="width: 100%;"></a>
                    <div class="it" style="padding-left: 15px;padding-right: 10px;padding-bottom: 30px;padding-top: 11px">
                        <a href=""><img src="images/tie-5-5_34.gif" alt=""></a>
                        <span style="font-size: 12px;padding-left: 16px">用户43072840</span>
                        <p style="font-size: 14px;padding-top: 22px;">这款匠心精神打造的十五周年旗舰机，再不下手就要后悔啦~</p>
                        <p style="color:#999999;font-size: 12px">魅族 15</p>
                    </div>

                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/tie-6_32.gif" alt="" style="width: 100%;"></a>
                    <div class="it" style="padding-left: 15px;padding-right: 10px;padding-bottom: 9px;padding-top: 11px">
                        <a href=""><img src="images/tie-6-6_39.gif" alt=""></a>
                        <span style="font-size: 12px;padding-left: 16px">郑金龙</span>
                        <p style="font-size: 14px;padding-top: 23px;">千元机最强性能手机登场，高通骁龙710次旗舰机处理器加持，玩王者荣耀Vulkan模式请认准魅族X8。</p>
                        <p style="color:#999999;font-size: 12px">摄影技巧</p>
                    </div>

                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/tie-7_33.gif" alt="" style="width: 100%;"></a>
                    <div class="it" style="padding-left: 15px;padding-right: 10px;padding-bottom: 32px;padding-top: 11px">
                        <a href=""><img src="images/tie-7-7_44.gif" alt=""></a>
                        <span style="font-size: 12px;padding-left: 16px">屌丝扮海绵</span>
                        <p style="font-size: 14px;padding-top: 21px;">“窗含西岭千秋雪”魅族16th 用旗舰双摄带你领略诗句中的美景。</p>
                        <p style="color:#999999;font-size: 12px">魅族 16th</p>
                    </div>

                </div>
            </div>
            <div class="col-md-3">
                <div class="item">
                    <a href=""><img src="images/tie-6_35.gif" alt="" style="width: 100%;"></a>
                    <div class="it" style="padding-left: 15px;padding-right: 10px;padding-bottom: 32px;padding-top: 11px">
                        <a href=""><img src="images/tie-8-8_50.gif" alt=""></a>
                        <span style="font-size: 12px;padding-left: 16px">醉刘的摄影师</span>
                        <p style="font-size: 14px;padding-top: 22px;">准旗舰游戏拍照手机魅族X8，不止有实力，还有最美刘海屏！</p>
                        <p style="color:#999999;font-size: 12px">魅族 X8</p>
                    </div>

                </div>
            </div>

        </div>
    </div>
    <div class="text-center t5" style="padding-top: 58px;">
        <a href="" style="font-size: 28px;color:#515151;text-decoration: none;">Flyme</a>
    </div>
    <div class="container b6">
        <div class="row">
            <div class="col-md-6">
                <div class="item">
                    <div class="ip">
                        <a href=""><img src="images/f-1_56.gif" alt="" style="width: 100%;"></a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/f-2_57.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">管理手机妙招</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/f-3_57.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">全局夜间模式</p></a>
                </div>
            </div>

            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/f-4_60.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">性能更出众</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/f-5_61.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">解锁真的快</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/f-6_60.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">全新魅族社区</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/f-7_60.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">驾驶辅助</p></a>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center t6" style="padding-top: 58px;">
        <a href="" style="font-size: 28px;color:#515151;text-decoration: none;">精彩视频</a>
    </div>
    <div class="container b7" style="padding-bottom: 58px">
        <div class="row">
            <div class="col-md-3">
                <div class="item text-center">
                   <div class="ip">
                       <a href=""><img src="images/jing-1_62.gif" alt="" style="width: 100%;"></a>
                   </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;font-size: 14px">极边全面屏 三摄长续航：魅族 16Xs手机</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/jing-2_63.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;font-size: 14px">追求不止只因热爱：魅族16s旗舰手机</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/jing-3_62.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;font-size: 14px">时刻伴你左右：POP2真无线蓝牙耳机</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/jing-4_62.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;font-size: 14px">静下来，更动听：EP63NC 无线降噪耳机</p></a>
                </div>
            </div>

            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/jing-5_62.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">Flyme 7</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/jing-5_63.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">安全家庭</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                    <div class="ip">
                        <a href=""><img src="images/jing-7_62.gif" alt="" style="width: 100%;"></a>
                    </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">魅族互娱MGC探险嘉年华</p></a>
                </div>
            </div>
            <div class="col-md-3">
                <div class="item text-center">
                   <div class="ip">
                       <a href=""><img src="images/jing-8_62.gif" alt="" style="width: 100%;"></a>
                   </div>
                    <a href="" style="text-decoration: none"><p style="padding-top:  18px;padding-bottom: 18px;color:#000;">魅族 X8 游戏性能测试</p></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="container">
        <div class="item" style="border-bottom: 1px solid #999999;padding-bottom: 16px">
            <div class="row">
                <div class="col-md-9">
                    <div class="item" style="padding-top: 52px">
                        <div class="row">
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-1_65.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">满80免运费</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-2_67.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">100+城市次日送达</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-3_69.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">7天无理由退货</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-4_71.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">15天退货保障</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-5_74.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">1年免费保修</p></a>
                                </div>
                            </div>
                            <div class="col-md-2 col-4 text-center">
                                <div class="item">
                                    <a href=""><img src="images/f9-6_76.gif" alt=""></a>
                                    <a href="" style="color:#999999;"><p style="font-size: 11px">上门快修</p></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 you">
                    <div class="item" style="padding-top: 19px">
                        <a href="" style="color:#999999;"><span style="font-size: 11px">周一至日7:30-24:00</span></a>
                        <a href="" style="color:#00c3f5;"><p style="font-size: 18px">400-788-3333</p></a>
                        <a href="" style="background:#00c3f5;color:#ffffff;padding: 9px 15px;border-radius: 20px">在线客服</a>
                    </div>
                </div>
            </div>
        </div>
            <div class="row">
                <div class="item lianjie" style="font-size: 15px;padding: 29px 20px;">
                    <a href="">了解详情</a> | <a href="">加入我们</a> | <a href="">联系我们</a> | <a href="">Flyme</a> |
                    <a href="">魅族社区</a> | <a href="">天猫旗舰店</a> | <a href="">问题反馈</a> | <a href="">线上销售授权名单公示</a> |
                    <a href="">出版物经营许可证</a> | <a href=""><img src="images/jian_03.gif" alt=""> 简体中文</a>
                </div>
            </div>
            <div class="row">
                <div class="col-md-9">
                    <div class="item" style="padding-top: 10px;padding-bottom: 25px">
                        <span style="font-size: 12px;color:#999999;">©2019 Meizu Telecom Equipment Co,Ltd.All rights reseved.</span>
                        <span style="font-size: 12px;color:#999999;">粤ICP备13003602号 合字B2-20170010 营业执照 法律声明 <img src="images/gong_07.gif" alt=""> 粤公网安备4009102496009号
                            <img src="images/hui-1_10.gif" alt=""> <img src="images/hui-2_10.gif" alt=""> <img src="images/hui-3_10.gif" alt=""></span>
                    </div>
                </div>
                <div class="col-md-3 you">
                    <div class="item">
                        <a href=""><img src="images/hui-4_07.gif" alt=""></a> | <a href=""><img src="images/hui-5_07.gif" alt=""></a>
                         | <a href=""><img src="images/hui-6_07.gif" alt=""></a> | <a href=""><img src="images/hui-7_07.gif" alt=""></a>
                    </div>
                </div>
            </div>
    </div>
</div>






<div id="toTop"><i class="fa fa-arrow-up" style="font-size:36px"></i></div>

<!--swiper-->
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<!--抱死吹吧普-->
<script src="script/jquery.slim.min.js"></script>
<script src="script/popper.min.js"></script>
<script src="script/bootstrap.min.js"></script>


<!--引入-->
<script src="script/script.js"></script>
</body>
</html>